<html>
    <head>
        <title>Test</title>
        <style>

h1 {
    margin:*;
    size:max-content;
}

        </style>
        <script|module>

import {devicePixels} from "@sciter";


class App extends Element {

  componentDidMount() {
    Window.this.on("mediachange", ()=>{this.componentUpdate()});
  }

  render() {
    let dpi = devicePixels("1in");
    return <h1>DPI:{dpi}</h1>;
  }
    
}

document.body.content(<App />);


        </script>
    </head>
    <body>
    </body>
</html>